<ion-view>
  <ion-content class = "show-suggest-page">
    <img src="img/home/suggest_banner.png" style="height:175px;width:100%;">
    <div class="user-info">
      <p class="name">李大伟</p>
      <p class="style-color">49岁</p>
    </div>
    <div class="circel"></div>
    <div class="content-reset">
    <div class = "header-info">
      <div class = "row border-bottom">
        <div class = "col-50 info-container">
          <p class="content">终身</p>
          <p class="tip">保险期限</p>
        </div>
        <div class = "divider"></div>
        <div class = "col-50 info-container">
          <p class="content reset">15<span class="unit">万</span></p>
          <p class="tip">保障额度</p>
        </div>
      </div>
      <div class = "row row-reset">
        <div class = "col-50 info-container">
          <p class="content">10<span class = "unit">年交</span></p>
          <p class="tip">缴费期限</p>
        </div>
        <div class = "divider"></div>
        <div class = "col-50 info-container">
          <p class="content reset">6878.2<span class="unit">元</span></p>
          <p class="tip">首年缴费</p>
        </div>
      </div>
    </div>
    <hr-card-container class="suggest-detail" title-text="保障详情" title-icon="img/home/suggest_detail.png">
      <div class="title">意外身故或全残保险金<span class="unit">10万</span></div>
      <p class="info">一次交费，5年期满可领取最高112.6%已缴保费的满期保 险金，让您轻松享有财富的保值增值。</p>
      <div class="title" style="margin-top:10px;">疾病身故或全残保险金<span class="unit">50万</span></div>
      <p class="info">被保险人身故或全残，保险公司按所交保险费（不计利息） 的105%给付一般身故或全残保险金。</p>
    </hr-card-container>
    <hr-card-container class="suggest-benifit" title-text="保单利益演示" title-icon="img/home/suggest_benifit.png" footer="{{showSuggest.footer}}">
      <div class="row" ng-repeat="item in showSuggest.benifits">
        <div class="col-40 text-align-right">{{item.title}}:</div>
        <div class="col-60"><span class="float-right" style="margin-left:5px;">{{item.unit}}</span><span class = "style-color float-right">{{item.number}}</span></div>
      </div>
      <div class="tip-info">第<span class="style-color info">12</span>保单年度</div>
      <div class="range">
        <input disabled="true" type="range" name="volume">
      </div>
    </hr-card-container>
    <hr-card-container title-text="条款详情" title-icon="img/home/suggest_order.png" is-show-arrow="true"></hr-card-container>
    <div class="contact-info">
      <div style="width:40%;float:left;">
        <div class="header"></div>
        <div class="name">张晓菲</div>
      </div>
      <div class="divider" style="float:left"></div>
      <div style="width:58%;float:left;">
        <div class="phone-text">18678904567</div>
        <div class="phone-icon"></div>
      </div>
      <div style="clear:both;"></div>
    </div>
    </div>
  </ion-content>
  <div class="btn-bottom-container">
    <button ng-click="showSuggest.goInsure()">去分享</button>
    <button ng-click="showSuggest.goInsure()">去投保</button>
  </div>
</ion-view>